<template>
	<div class="review-content">
		<h4 class="name">重算返点信息</h4>
		<div class="review-flex">
			<el-table
				v-loading="tableLoading"
				border
				size="mini"
				:data="tableData"
				style="width: 100%"
				:header-cell-style="getRowClass"
				highlight-current-row
			>
				<el-table-column
					align="center"
					prop="venueName"
					label="场馆类型"
					show-overflow-tooltip
					min-width="200"
				>
					<template slot-scope="scope">
						{{ scope.row.venueName || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					align="center"
					prop="teamRebateAmountRecal"
					label="团队返点重算调整"
					show-overflow-tooltip
					min-width="200"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.teamRebateAmountRecal
								)
							"
						>
							{{
								handleNumber(
									scope.row.currency,
									scope.row.teamRebateAmountRecal
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					align="center"
					prop="directTeamRebateAmountRecal"
					label="下级返点重算调整"
					show-overflow-tooltip
					min-width="200"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.directTeamRebateAmountRecal
								)
							"
						>
							{{
								handleNumber(
									scope.row.currency,
									scope.row.directTeamRebateAmountRecal
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					align="center"
					prop="directMemberAmountRecal"
					label="直属会员重算调整"
					show-overflow-tooltip
					min-width="200"
				>
					<template slot-scope="scope">
						{{
							handleNumber(
								scope.row.currency,
								scope.row.directMemberAmountRecal
							)
						}}
					</template>
				</el-table-column>
				<el-table-column
					align="center"
					prop="rebateAmountRecal"
					label="应发个人返点调整"
					show-overflow-tooltip
					min-width="200"
				>
					<template slot-scope="scope">
						{{
							handleNumber(
								scope.row.currency,
								scope.row.rebateAmountRecal
							)
						}}
					</template>
				</el-table-column>
				<el-table-column
					align="center"
					prop="name"
					label="实发个人返点调整"
					show-overflow-tooltip
					min-width="200"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.rebateRealAmountRecal
								)
							"
						>
							{{
								handleNumber(
									scope.row.currency,
									scope.row.rebateRealAmountRecal
								)
							}}
						</span>
					</template>
				</el-table-column>
			</el-table>
		</div>
	</div>
</template>

<script>
import list from '@/mixins/list'
export default {
  mixins: [list],
  props: {
    tableData: {
      type: Array,
      default: () => []
    },
    tableLoading: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
